import React, { ReactNode } from 'react'
import { RouteComponentProps } from 'react-router-dom'
import { NavBar } from 'src/components/nav'
import { renderRoutes, RouteConfigComponentProps } from 'react-router-config'

interface NeedNavPageProps extends RouteComponentProps, RouteConfigComponentProps{
}

interface NeedNavPageState {
}

export class NeedNavPage extends React.Component<NeedNavPageProps, NeedNavPageState> {
    render (): ReactNode {
        return (
            <div>
                <NavBar/>
                {renderRoutes(this.props.route?.routes)}
            </div>
        )
    }
}

export default NeedNavPage
